
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iUI Music Demo</title>
<meta name="viewport" content="charset=UTF-8; width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<style type="text/css" media="screen">@import "./iui/iui/iui.css";</style>
<script type="application/x-javascript" src="./iui/iui/iui.js"></script>
<!--
<script type="application/x-javascript" src="http://10.0.1.2:1840/ibug.js"></script>
-->
</head>

<body onclick="console.log('Hello', event.target);">
    <div class="toolbar">
        <h1 id="pageTitle"></h1>
        <a id="backButton" class="button" href="#"></a>
        <a class="button" href="#about">about</a>
    </div>
    <div id="about" title="about" class="panel">
    see <a href = "http://code.google.com/p/mcdonaldscoupon/">http://http://code.google.com/p/mcdonaldscoupon/</a>
    </div>
    <ul id="home" title="McdonaldsCoupon" selected="true">
        <li><a href="#36"><img src="36_thumb.png"></a></li>
<li><a href="#32"><img src="32_thumb.png"></a></li>
<li><a href="#82"><img src="82_thumb.png"></a></li>
<li><a href="#83"><img src="83_thumb.png"></a></li>
<li><a href="#22"><img src="22_thumb.png"></a></li>
<li><a href="#25"><img src="25_thumb.png"></a></li>
<li><a href="#137"><img src="137_thumb.png"></a></li>
<li><a href="#139"><img src="139_thumb.png"></a></li>
<li><a href="#127"><img src="127_thumb.png"></a></li>
<li><a href="#125"><img src="125_thumb.png"></a></li>
<li><a href="#126"><img src="126_thumb.png"></a></li>

    </ul>
    
    <div id="36" title="36" class="panel">
    <img src="36.png">
    </div>

    <div id="32" title="32" class="panel">
    <img src="32.png">
    </div>

    <div id="82" title="82" class="panel">
    <img src="82.png">
    </div>

    <div id="83" title="83" class="panel">
    <img src="83.png">
    </div>

    <div id="22" title="22" class="panel">
    <img src="22.png">
    </div>

    <div id="25" title="25" class="panel">
    <img src="25.png">
    </div>

    <div id="137" title="137" class="panel">
    <img src="137.png">
    </div>

    <div id="139" title="139" class="panel">
    <img src="139.png">
    </div>

    <div id="127" title="127" class="panel">
    <img src="127.png">
    </div>

    <div id="125" title="125" class="panel">
    <img src="125.png">
    </div>

    <div id="126" title="126" class="panel">
    <img src="126.png">
    </div>


</body>
</html>
